<template>
  <view class="merchant">
    <view @tap="toXiShuaShuaMiniProgram">
      <image src="https://minio.gzryzl.com/huatai/2025-01-08/1736317751425xss-logo.png"/>
      <view>洗刷刷畅洗自助洗车</view>
    </view>
  </view>
</template>

<script setup>
import {ref} from "vue";
import {getUserInfoApi} from "@/api/user"

const toXiShuaShuaMiniProgram = async () => {
  uni.navigateToMiniProgram({
    appId: "wx1896e306544e975f"
  })
}
</script>

<style scoped lang="less">
.merchant {
  width: 100%;
  height: 100%;
  padding: 20rpx;
  font-family: ali-p, serif;
  font-weight: 500;
  font-size: 20rpx;
  color: #272636;

  >view {
    display: inline-block;
    width: 33%;
    position: relative;
    height: 150rpx;

    >image {
      width: 60rpx;
      height: 60rpx;
      position: absolute;
      top: 20rpx;
      left: 50%;
      margin-left: -30rpx;
      border: 2rpx solid #DDDDDD;
      border-radius: 50%;
    }
    >view {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 20rpx;
      text-align: center;
    }
  }
}
</style>